<template>
  <main
    class="w-full min-h-screen bg-gradient-to-br from-indigo-500 via-blue-400 to-purple-200 overflow-x-hidden relative content-center">


  </main>
</template>

<script setup lang="ts">
import { ref, onMounted } from 'vue'
const { $gsap } = useNuxtApp()


onMounted(() => {
  init()
});

const init = () => {


}

</script>

<style lang="scss" scoped>
.content-center {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  flex-direction: column;
}



.purple {
  background-color: #9c27b0;
}

.green {
  background-color: #4caf50;
}

.blue {
  background-color: #2196f3;
}

.red {
  background-color: #f44336;
}

.yellow {
  background-color: #ffc107;
}

.orange {
  background-color: #ff9800;
}
</style>